<template>
	<view>
		<view class="Hot" @click="toPag(hotsp.objectId)">
			<img class="hotimage" :src='hotsp.image' />

			<view class="hottext">
				{{hotsp.xiangqing}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['hotsp'],
		data() {
			return {

			}
		},
		methods: {
			toPag(item) {
				uni.navigateTo({
					url: `../zhanshi/zhanshi?id=` + item
				})
			}
		}
	}
</script>

<style>
	.Hot {
		display: flex;
		margin-top: 3vw;
		background-color: gainsboro;
	}

	.hotimage {
		width: 40vw;
		height: 40vw;
	}

	.hottext {
		margin-top: 10px;
		margin-left: 10px;
		font-size: 4vw;
		font-weight: bold;
		float: left;
	}
</style>